<template>
    <div class="picShow">
        <!-- <el-collapse>
            <el-collapse-item title="分析要求">
                <div class="article"> {{ option.requirement || '暂无' }}</div>
            </el-collapse-item>
            <el-collapse-item title="图表注解">
                <div class="article">
                    <p>
                        图注：
                    </p>
                    <p>
                        {{ option.illustration || '暂无' }}
                    </p>
                    <p>
                        表注：
                    </p>
                    <p>
                        {{ option.statement || '暂无' }}
                    </p>

                </div>
            </el-collapse-item>
        </el-collapse> -->
    </div>
</template>

<script>
export default {
    name: 'BaiAoWeiFanDemoChartInfo',
    props: {
        option: {
            type: Object,
            default: () => { }
        }
    },
    data() {
        return {
          
        };
    },
    created() {
    },
    mounted() {

    },

    methods: {
    },
};
</script>

<style lang="scss" scoped>
.picShow{
    width:100%;
    height:100%;
    background-color:red;
}
// ::v-deep .el-collapse .el-collapse-item__header {
//     background-color: #fff;
//     border: 0;
// }

// ::v-deep .el-collapse .el-collapse-item__header::after {
//     background-color: #fff;
// }

// .el-icon-caret-right {
//     transform: translateX(-20px);
// }

// ::v-deep .el-collapse-item__content {
//     padding: 0;
// }

// .article {
//     padding: 15px;

//     p {

//         &:nth-child(1),
//         &:nth-child(3) {
//             padding-left: 16px;
//             position: relative;

//             &::before {
//                 content: 'i';
//                 position: absolute;
//                 top: 4px;
//                 left: 0px;
//                 display: inline-block;
//                 color: #fff;
//                 text-align: center;
//                 width: 14px;
//                 height: 14px;
//                 line-height: 14px;
//                 background-color: #1194ff;
//                 border-radius: 50%;
//             }
//         }

//     }
// }

// .isRotate {
//     transform: rotate(90deg) translateY(19px);
// }
</style>